<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-mode input值绑定</title>
</head>
<body>
    <div id="app">
        <label for="">
            <input type="checkbox" value="乒乓球" v-model="hobby"/>乒乓球
            <input type="checkbox" value="羽毛球" v-model="hobby"/>羽毛球
            <input type="checkbox" value="摄影" v-model="hobby"/>摄影
        </label>
        <h2>当前选择为： {{hobby}}</h2>

        <label for="" v-for="item in originHobby">
            <input type="checkbox" :value="item" v-model="hobby"/>{{item}}
        </label>
        <h2>当前选择为： {{hobby}}</h2>
    </div>
</body>
    <script src="../js/vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                hobby: [],
                originHobby: ['网球','台球','足球'],
            },
            methods: {

            },
        })
    </script>
</html>